<include file="public@head"/>
<style>
    .login-box{width:1050px;height:500px;background:rgba(255,255,255,1);box-shadow:0px 3px 7px 0px rgba(0, 0, 0, 0.35);overflow: hidden; margin: 0 auto;transform: translate(0,50%);}
    .login-box-bottom{width: 100%;overflow: hidden;padding: 70px 0;}
    .login-box-bottom-left{width: 463px;height: 360px;margin-left: 29px;float: left;position: relative}
    .login-box-bottom-left .tip{position: absolute;text-align: center;bottom: 40px;width: 100%;color: #ccc;}
    .login-box-bottom-right{width: 450px;float: right;margin-right: 29px;margin-top: -25px;}
    .login-box-bottom-right .user-login{font-weight: bold;}
    .form-group input{box-sizing:border-box;width: 420px;background: #fff;border: 0;outline:none;height: 50px;margin-top: 10px;width: 100%;}
    .captcha-f{width: 100%;height: 60px;border-bottom: solid 1px #DBDBDB;margin-bottom: 10px;position: relative}
    .captcha-f input{margin-top: 10px;width: 249px;height: 49px;background: #fff;border: 0;outline:none;padding: 0 5px;}
    .captcha-f img{position: absolute;right: 0;top: 15px;}
    .form-group-ou input{border-bottom: solid 1px #DBDBDB;padding: 0 5px;}
    .register-left{float: left;}
    .register-left a{color: #3BCDAE;font-size: 16px;}
    .findpassword-right{float: right;}
    .findpassword-right a{color: #999;font-size: 16px;}
    .btn-primary{color: #fff;cursor:pointer;width:100%; height:56px; background:rgba(21,235,191,1);border-radius:10px;border: none;font-size: 22px;  }
    .phone-code{position: relative;width: 100%;height: 60px;border-bottom: solid 1px #DBDBDB;}
    .phone-code .btn-success{position: absolute;right: 0;top:46%;cursor: pointer;}
    .phone-code input{border-bottom: none;}
    .footer{position: fixed;bottom: 50px;text-align: center;width: 100%;color: #999}
</style>

<body class="body-white">
    <div class="login-box">
        <div class="login-box-bottom">
            <div class="login-box-bottom-left">
                <img width="100%" src="/themes/simpleboot3/public/assets/images/login_bac.png">
                <div class="tip">
                    <p>不一样的IOS签名，告别掉签烦恼</p>
                    <p>提高应用分发效率，轻松节省大量获客成本</p>
                </div>
            </div>
            <div class="login-box-bottom-right">
                <h2 class="text-center user-login">找回密码</h2>

                <form class="js-ajax-form" action="{:url('user/Login/passwordReset')}" method="post">
                    <div class="form-group form-group-ou">
                        <input type="text" name="username" placeholder="手机号" class="form-control" id="js-mobile-input">
                    </div>

                    <div class="form-group form-group-ou">
                        <div class="phone-code" style="position: relative;">
                            <input type="text" name="verification_code" placeholder="手机验证码" style="width:170px;" class="form-control">

                            <a class="btn btn-success js-get-mobile-code"
                               data-wait-msg="[second]秒后才能再次获取" data-mobile-input="#js-mobile-input"
                               data-url="{:url('user/VerificationCode/send')}">获取手机验证码</a>
                        </div>
                    </div>

                    <div class="form-group form-group-ou">
                        <input type="password" name="password" placeholder="密码" class="form-control">
                    </div>

                    <div class="captcha-f">
                        <div class="">
                            <input type="text" name="captcha" placeholder="验证码" class="captcha" style="float: left;">
                            <captcha height="38" width="160" font-size="20"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="register-left">
                            <a href="{:cmf_url('user/Register/index')}">免费注册</a>
                        </div>
                        <div class="findpassword-right">
                            <a href="{:cmf_url('user/Login/index')}">现在登录</a>
                        </div>
                    </div>
                    <div class="form-group" style="margin-top:60px;">
                        <input type="hidden" name="redirect" value="">
                        <button class="btn btn-primary btn-block js-ajax-submit" type="submit">
                            确定
                        </button>
                    </div>
                </form>

            </div>
        </div>
    </div>
    <div class="footer">
        版权所有 COPYRIGHT (C) 2019. ALL RIGHTS RESERVED . 闪签
    </div>


</body>
<include file="public@footer"/>